import 'muse-ui/dist/muse-ui.css'
import 'muse-ui-message/dist/muse-ui-message.css'
import 'muse-ui-loading/dist/muse-ui-loading.css'
import 'muse-ui-progress/dist/muse-ui-progress.css'

import Vue from 'vue'
import MuseUI from 'muse-ui'
import Toast from 'muse-ui-toast'
import Message from 'muse-ui-message'
import Loading from 'muse-ui-loading'
import NProgress from 'muse-ui-progress'
import theme from 'muse-ui/lib/theme'

theme.addCreateTheme((theme) => {
  return `
.mu-drawer {
  color: ${theme.text.primary};
  background-color: ${theme.background.paper};
}
.mu-divider {
  background-color: ${theme.divider};
}
.mu-item {
  color: ${theme.text.primary};
}
.mu-sub-header {
  color: ${theme.text.secondary};
}
.mu-flat-button {
  color: ${theme.text.primary};
}
.mu-flat-button.disabled {
  color: ${theme.text.secondary};
}
.mu-table {
  background-color: ${theme.background.default};
}
.mu-table tr.is-stripe {
  background-color: ${theme.background.paper};
}
.mu-table th {
  color: ${theme.text.secondary};
  border-bottom-color: ${theme.divider};
}
.mu-table tr.is-hover {
  background-color: ${theme.background.chip};
}
.mu-table td {
  color: ${theme.text.primary};
  border-bottom-color: ${theme.divider};
}
.mu-text-primary {
  color: ${theme.text.primary};
}
.mu-text-secondary {
  color: ${theme.text.secondary};
}
.mu-text-alternate {
  color: ${theme.text.alternate};
}
.mu-background-paper-color {
  background-color: ${theme.background.paper};
}
.mu-background-chip-color {
  background-color: ${theme.background.chip};
}
.mu-background-default-color {
  background-color: ${theme.background.default};
}
.mu-checkbox-label {
  color: ${theme.text.primary};
}
.mu-dialog {
  background-color: ${theme.background.default};
}
.mu-dialog-title {
  color: ${theme.text.primary};
}
.mu-dialog-body {
  color: ${theme.text.secondary};
}
.mu-form-item,
.mu-form-item-help {
  color: ${theme.text.secondary};
}
.mu-input,
.mu-text-field-input {
  color: ${theme.text.primary};
}
.mu-input__focus {
  color: ${theme.primary};
}
.mu-bottom-nav {
  background-color: ${theme.background.default};
}
.mu-bottom-item {
  color: ${theme.text.secondary};
}
.mu-item-sub-title {
  color: ${theme.text.secondary};
}
.mu-popover {
  background-color: ${theme.background.default};
}
.mu-radio-label {
  color: ${theme.text.primary};
}
.mu-select-input {
  color: ${theme.text.primary};
}
.mu-primary-text {
  color: ${theme.text.primary};
}
.mu-secondary-text {
  color: ${theme.text.secondary};
}
.mu-text-primary-color {
  color: ${theme.primary};
}
  `
})

Vue.use(MuseUI)
Vue.use(Toast)
Vue.use(Message)
Vue.use(Loading)
Vue.use(NProgress)
